<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge" /><![endif]-->
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1"><!-- Place favicon.ico in the root directory -->
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="icon" href="favicon.ico">
    <link href="https://fonts.googleapis.com/css?family=Poppins:100,300,400,700,900" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet">
    <title>Dashcore - Premium Software & Startup HTML</title><!-- themeforest:css -->
    <link rel="stylesheet" href="css/all.css">
    <link rel="stylesheet" href="css/aos.css">
    <link rel="stylesheet" href="css/cookieconsent.min.css">
    <link rel="stylesheet" href="css/magnific-popup.css">
    <link rel="stylesheet" href="css/odometer-theme-minimal.css">
    <link rel="stylesheet" href="css/prism-okaidia.css">
    <link rel="stylesheet" href="css/simplebar.css">
    <link rel="stylesheet" href="css/smart_wizard.css">
    <link rel="stylesheet" href="css/smart_wizard_theme_arrows.css">
    <link rel="stylesheet" href="css/smart_wizard_theme_circles.css">
    <link rel="stylesheet" href="css/smart_wizard_theme_dots.css">
    <link rel="stylesheet" href="css/swiper.css">
    <link rel="stylesheet" href="css/theme.css">
    <link rel="stylesheet" href="css/rtl.css"><!-- endinject -->
</head>

<body>
    <!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
    <!-- ./Main navigation -->
    <nav class="navbar navbar-expand-md navigation sidebar-left main-nav fixed-top dark-link">
        <div class="container"><button class="navbar-toggler" type="button"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button> <a href="#main" class="navbar-brand"><img src="img/logo.png" alt="Dashcore" class="logo logo-sticky"></a>
            <div class="collapse navbar-collapse ml-auto">
                <div class="sidebar-brand"><a href="#main"><img src="img/logo.png" alt="Dashcore Template" class="logo"></a></div>
                <ul class="nav navbar-nav mr-auto">
                    <li class="nav-item"><a class="nav-link" href="javascript:;">Home</a></li>
                    <li class="nav-item"><a class="nav-link" href="javascript:;">Pricing</a></li>
                    <li class="nav-item"><a class="nav-link" href="javascript:;">Download</a></li>
                    <li class="nav-item"><a class="nav-link" href="javascript:;">Blog</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <main>
        <!-- ./Page header -->
        <header class="header section social-media-heading"><img src="img/bg/social/bg-shape.svg" class="social-bg-shape absolute" alt="...">
            <div class="container py-md-8">
                <div class="row gap-y align-items-center">
                    <div class="col-lg-6 col-xl-5 text-center text-lg-left">
                        <p class="badge-pill badge badge-light border bold px-4 py-2"><span class="text-primary">80% Off</span> when registering</p>
                        <h1 class="font-md extra-bold display-md-4">Social Media Services</h1>
                        <p class="lead my-5">It all begins by choosing the right tools, start with a complete set of design blocks to achieve your next success.</p><a href="subscribe.html" class="btn btn-info btn-rounded px-3">Try it free</a>
                    </div>
                    <div class="col-lg-6 ml-lg-auto text-center text-lg-right"><img src="img/bg/social/social.svg" class="social-image" alt=""></div>
                </div>
                <div class="container-fluid shadow bg-primary py-4 rounded mt-7">
                    <div class="row gap-y">
                        <div class="col-xs-4 col-md-3 col-6 px-lg-5 py-lg-4"><img src="img/logos/1.svg" class="img-responsive px-2 px-sm-4 px-md-2 px-lg-1" alt="..."></div>
                        <div class="col-xs-4 col-md-3 col-6 px-lg-5 py-lg-4"><img src="img/logos/2.svg" class="img-responsive px-2 px-sm-4 px-md-2 px-lg-1" alt="..."></div>
                        <div class="col-xs-4 col-md-3 col-6 px-lg-5 py-lg-4"><img src="img/logos/3.svg" class="img-responsive px-2 px-sm-4 px-md-2 px-lg-1" alt="..."></div>
                        <div class="col-xs-4 col-md-3 col-6 px-lg-5 py-lg-4"><img src="img/logos/4.svg" class="img-responsive px-2 px-sm-4 px-md-2 px-lg-1" alt="..."></div>
                    </div>
                </div>
            </div>
        </header><!-- ./Design features -->
        <section id="features" class="section">
            <div class="container">
                <div class="section-heading mb-6 text-center">
                    <h5 class="text-primary bold small text-uppercase">Design better</h5>
                    <h2>We design to fit all your needs</h2>
                </div>
                <div class="row gap-y text-center text-md-left">
                    <div class="col-md-4 py-4 rounded shadow-hover"><i data-feather="image" width="36" height="36" class="stroke-primary"></i>
                        <h5 class="bold mt-3">Easily theme-able</h5>
                        <p class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab dolores ea fugiat nesciunt quisquam. Assumenda dolore error nulla pariatur voluptatem?</p>
                    </div>
                    <div class="col-md-4 py-4 rounded shadow-hover"><i data-feather="sliders" width="36" height="36" class="stroke-primary"></i>
                        <h5 class="bold mt-3">Professional tools</h5>
                        <p class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab dolores ea fugiat nesciunt quisquam. Assumenda dolore error nulla pariatur voluptatem?</p>
                    </div>
                    <div class="col-md-4 py-4 rounded shadow-hover"><i data-feather="target" width="36" height="36" class="stroke-primary"></i>
                        <h5 class="bold mt-3">Ready-to-use content</h5>
                        <p class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab dolores ea fugiat nesciunt quisquam. Assumenda dolore error nulla pariatur voluptatem?</p>
                    </div>
                </div>
            </div>
        </section><!-- ./Top-notch appearance - Big screen left -->
        <section class="section">
            <div class="shape-wrapper"><img src="img/shps/abs-shp-3.svg" class="h-100 absolute left top" alt="..."></div>
            <div class="container-wide bring-to-front">
                <div class="row gap-y align-items-center text-center text-lg-left">
                    <div class="col-10 col-lg-4 mx-auto order-md-2">
                        <h2>Designed to provide top-notch appearance</h2>
                        <p class="lead text-secondary">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        <p>Nullam vitae scelerisque est, sed tempus metus. Donec convallis volutpat enim consequat viverra. Nam blandit est eu ipsum elementum, ac pellentesque nibh placerat. Quisque venenatis pulvinar nulla, non vestibulum urna ultrices accumsan.</p><a href="#" class="btn btn-info btn-rounded mt-4">Learn More</a>
                    </div>
                    <div class="col-12 col-lg-6 pl-0 order-md-1">
                        <div class="device browser" data-aos="fade-right">
                            <div class="screen"><img src="img/screens/dash/1.png" alt="" class="img-responsive shadow"></div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- ./Analytics -->
        <section class="section singl-testimonial">
            <div class="shape-wrapper"><img src="img/shps/abs-shp-1.svg" class="absolute top right h-100" alt="..."></div>
            <div class="container-wide bring-to-front">
                <div class="row gap-y align-items-center">
                    <div class="col-12 col-lg-4 mx-auto">
                        <h2>Analytics</h2>
                        <p class="lead text-secondary">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        <p>Nullam vitae scelerisque est, sed tempus metus. Donec convallis volutpat enim consequat viverra. Nam blandit est eu ipsum elementum, ac pellentesque nibh placerat. Quisque venenatis pulvinar nulla, non vestibulum urna ultrices accumsan.</p>
                    </div>
                    <div class="col-10 col-lg-6 pr-0">
                        <div class="device browser" data-aos="fade-left">
                            <div class="screen"><img src="img/screens/dash/4.png" alt="" class="img-responsive shadow"></div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- Implementation Counters -->
        <section class="section image-background contain center-bottom" style="background-image: url(img/shps/map-dots.svg)">
            <div class="container">
                <div class="text-center mb-6"><span class="rounded-pill badge badge-info bold px-4 py-2 mb-4">1M+ Successfully Implementations</span>
                    <h2 class="bold">Get the very best of us by doing the best of you</h2>
                </div>
                <div class="row gap-y">
                    <div class="col-6 col-md-3">
                        <p class="counter regular text-primary font-md display-md-4 my-0">273</p>
                        <p class="text-secondary regular m-0">Components</p>
                    </div>
                    <div class="col-6 col-md-3">
                        <p class="counter regular text-primary font-md display-md-4 my-0">654</p>
                        <p class="text-secondary regular m-0">Downloads</p>
                    </div>
                    <div class="col-6 col-md-3">
                        <p class="counter regular text-primary font-md display-md-4 my-0">7941</p>
                        <p class="text-secondary regular m-0">Followers</p>
                    </div>
                    <div class="col-6 col-md-3">
                        <p class="counter regular text-primary font-md display-md-4 my-0">654</p>
                        <p class="text-secondary regular m-0">New users</p>
                    </div>
                </div>
            </div>
        </section><!-- Register -->
        <section class="section overflow-hidden">
            <div class="container pt-4 bring-to-front">
                <div class="row">
                    <div class="col-md-10 mx-md-auto">
                        <form action="srv/register.php" class="form" data-response-message-animation="slide-in-left" novalidate="novalidate">
                            <div class="input-group-register py-4"><input type="email" name="Subscribe[email]" class="form-control shadow-lg bg-contrast form-control-rounded" placeholder="Enter your email" required=""> <button class="btn btn-rounded btn-primary btn-lg" type="submit">Register</button></div>
                        </form>
                        <div class="response-message"><i class="fas fa-envelope font-lg"></i>
                            <p class="font-md m-0">Check your email</p>
                            <p class="response">We sent you an email with a link to get started. You’ll be in your account in no time.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- Delivering tool for success -->
        <section class="section bg-primary">
            <div class="container bring-to-front">
                <div class="section-heading text-center text-contrast">
                    <h2 class="text-contrast">Delivering tools for success</h2>
                    <p class="text-contrast">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad consequatur dicta nulla officia quaerat ratione reiciendis soluta. Accusamus delectus dolore doloribus ducimus eveniet magnam, molestias nostrum quas, quos, reiciendis ut!</p>
                </div>
                <div class="p-4 bg-contrast shadow-lg rounded">
                    <div class="row align-items-center">
                        <div class="col-md-5 mr-md-auto">
                            <nav id="sw-nav-shadow" class="nav flex-md-column nav-pills nav-fill nav-pills-light"><a class="nav-item text-left nav-link py-3 my-2 active" href="javascript:;" data-step="1">
                                    <h6 class="bold">Dashboard</h6>
                                    <p class="my-0 d-none d-md-block">Adipisci atque, corporis dicta doloribus eius enim esse fugit iure non quaerat, quod.</p>
                                </a><a class="nav-item text-left nav-link py-3 my-2" href="javascript:;" data-step="2">
                                    <h6 class="bold">Inbox</h6>
                                    <p class="my-0 d-none d-md-block">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                                </a><a class="nav-item text-left nav-link py-3 my-2" href="javascript:;" data-step="3">
                                    <h6 class="bold">Calendar</h6>
                                    <p class="my-0 d-none d-md-block">Aliquid aspernatur, assumenda cumque esse, excepturi magni mollitia.</p>
                                </a><a class="nav-item text-left nav-link py-3 my-2" href="javascript:;" data-step="4">
                                    <h6 class="bold">DataTables</h6>
                                    <p class="my-0 d-none d-md-block">Accusamus cum debitis earum, ex illum impedit in incidunt ipsa.</p>
                                </a></nav>
                        </div>
                        <div class="col-md-6">
                            <div class="device browser shadow-sm">
                                <div class="screen">
                                    <div class="swiper-container mt-4 mt-md-0" data-sw-navigation="#sw-nav-shadow">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide"><img src="img/screens/dash/4.png" class="img-responsive rounded-bottom" alt=""></div>
                                            <div class="swiper-slide"><img src="img/screens/dash/1.png" class="img-responsive rounded-bottom" alt=""></div>
                                            <div class="swiper-slide"><img src="img/screens/dash/2.png" class="img-responsive rounded-bottom" alt=""></div>
                                            <div class="swiper-slide"><img src="img/screens/dash/datatables.png" class="img-responsive rounded-bottom" alt=""></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- ./Services -->
        <section class="section bg-light b-b edge top-left">
            <div class="container">
                <div class="section-heading text-center">
                    <h2>What <span class="bold">We Offer</span></h2>
                    <p class="text-secondary lead">DashCore is a complete set of design and developing tools. Either your business is just starting or have years on the market, you can take advantage of it.</p>
                </div>
                <div class="d-flex justify-content-center align-items-center">
                    <div class="card shadow-lg off-left-background lift-hover border-0 mr-3">
                        <div class="card-body p-md-5 text-center"><i class="fas fa-envelope pe-2x text-info"></i>
                            <p class="bold">Inbox</p>
                        </div>
                    </div>
                    <div class="card shadow-lg off-left-background lift-hover border-0 text-contrast shadow-lg bg-info mr-3">
                        <div class="card-body p-md-5 text-center"><i class="fas fa-chart-line pe-2x"></i>
                            <p class="bold">Reports</p>
                        </div>
                    </div>
                    <div class="card shadow-lg off-left-background lift-hover border-0 mr-3">
                        <div class="card-body p-md-5 text-center"><i class="fas fa-calendar-alt pe-2x text-danger"></i>
                            <p class="bold">Calendar</p>
                        </div>
                    </div>
                    <div class="card shadow-lg off-left-background lift-hover border-0 mr-3">
                        <div class="card-body p-md-5 text-center"><i class="fas fa-file-invoice pe-2x text-success"></i>
                            <p class="bold">Invoices</p>
                        </div>
                    </div>
                    <div class="card shadow-lg off-left-background lift-hover border-0">
                        <div class="card-body p-md-5 text-center"><i class="fas fa-bullseye pe-2x text-primary"></i>
                            <p class="bold">Content</p>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- ./Footer - Stay in Touch -->
        <footer class="site-footer section text-center">
            <div class="container pb-4">
                <h2 class="font-md regular">Stay updated</h2>
            </div>
            <p class="text-secondary mb-5">By registering with us you will receive right in your inbox all new features and updates</p>
            <div class="row">
                <div class="col-12 col-md-6 mx-auto overflow-hidden">
                    <form action="srv/register.php" class="form" data-response-message-animation="slide-in-left">
                        <div class="input-group"><input type="email" name="Subscribe[email]" class="form-control rounded-circle-left" placeholder="Enter your email" required>
                            <div class="input-group-append"><button class="btn btn-rounded btn-primary" type="submit">Register</button></div>
                        </div>
                    </form>
                    <div class="response-message"><i class="fas fa-envelope font-lg"></i>
                        <p class="font-md m-0">Check your email</p>
                        <p class="response">We sent you an email with a link to get started. You’ll be in your account in no time.</p>
                    </div>
                </div>
            </div>
            <hr class="mt-5">
            <nav class="nav social-icons justify-content-center mt-4"><a href="#" class="mr-3 font-regular text-secondary"><i class="fab fa-facebook-f"></i></a> <a href="#" class="mr-3 font-regular text-secondary"><i class="fab fa-twitter"></i></a> <a href="#" class="mr-3 font-regular text-secondary"><i class="fab fa-instagram"></i></a> <a href="#" class="mr-3 font-regular text-secondary"><i class="fas fa-rss"></i></a> <a href="#" class="font-regular text-secondary"><i class="fab fa-linkedin-in"></i></a></nav>
            <p class="small copyright text-secondary">© 2018 Dashcore, <em>by</em> <a class="brand bold" href="http://www.5studios.net">5Studios.net</a></p>
        </footer><!-- ./Footer - Simple -->
        <footer class="site-footer section">
            <div class="container py-4">
                <div class="row align-items-center">
                    <div class="col-md-5 text-center text-md-left">
                        <nav class="nav justify-content-center justify-content-md-start"><a class="nav-item nav-link" href="about.html">About</a> <a class="nav-item nav-link" href="#">Services</a> <a class="nav-item nav-link" href="blog/blog-grid.html">Blog</a></nav>
                    </div>
                    <div class="col-md-2 text-center"><img src="img/logo.png" alt="" class="logo"></div>
                    <div class="col-md-5 text-center text-md-right">
                        <p class="mt-2 mb-0 text-secondary small">© 2018 5studios. All Rights Reserved</p>
                    </div>
                </div>
            </div>
        </footer>
    </main><!-- themeforest:js -->
    <script src="js/01.cookie-consent-util.js"></script>
    <script src="js/02.1.cookie-consent-themes.js"></script>
    <script src="js/02.2.cookie-consent-custom-css.js"></script>
    <script src="js/02.3.cookie-consent-informational.js"></script>
    <script src="js/02.4.cookie-consent-opt-out.js"></script>
    <script src="js/02.5.cookie-consent-opt-in.js"></script>
    <script src="js/02.6.cookie-consent-location.js"></script>
    <script src="js/card.js"></script>
    <script src="js/counterup2.js"></script>
    <script src="js/index.js"></script>
    <script src="js/noframework.waypoints.js"></script>
    <script src="js/odometer.min.js"></script>
    <script src="js/prism.js"></script>
    <script src="js/simplebar.js"></script>
    <script src="js/swiper.js"></script>
    <script src="js/popper.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/jquery.easing.min.js"></script>
    <script src="js/jquery.validate.js"></script>
    <script src="js/jquery.smartWizard.js"></script>
    <script src="js/plugins/jquery.animatebar.js"></script>
    <script src="js/feather.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/aos.js"></script>
    <script src="js/typed.js"></script>
    <script src="js/jquery.magnific-popup.js"></script>
    <script src="js/cookieconsent.min.js"></script>
    <script src="js/common-script.js"></script>
    <script src="js/forms.js"></script>
    <script src="js/stripe-bubbles.js"></script>
    <script src="js/stripe-menu.js"></script>
    <script src="js/cc.js"></script>
    <script src="js/pricing.js"></script>
    <script src="js/shop.js"></script>
    <script src="js/svg.js"></script>
    <script src="js/site.js"></script>
    <script src="js/03.demo.js"></script><!-- endinject -->
</body>

</html>